@import '../../app.less';
Page{
    background: #f1f1f1;
    .flex-x-right {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
.container{
    padding-bottom:300rpx;
    .contact-type{
        width:750rpx;
        height:140rpx;
        padding:0 30rpx;
        background:#ffffff;
        margin-bottom:10rpx;
        .icon-position{
            width:36rpx;
            height:40rpx;
            margin-right:20rpx;
        }
        .user-info{
            color:#3f3f3f;
            font-size:24rpx;
            .label{
                width:80rpx;
                height:36rpx;
                line-height:36rpx;
                background:#ffb429;
                font-size:20rpx;
                color:#ffffff;
                text-align:center;
                border-radius:4rpx;
                margin-right:20rpx;
            }
            .phone{
                padding-left:20rpx;
            }
        }
        .address{
            color:#3f3f3f;
            font-size:28rpx;
            line-height:40rpx;
            font-weight:bolder;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            margin-top:10rpx;
        }
        .arrow-right{
            .arrow();
            border-top: 2rpx solid #3f3f3f;
            border-right: 2rpx solid #3f3f3f;
        }
    }
    .password-box{
        width:100%;
        height:128rpx;
        line-height:128rpx;
        padding:20rpx;
        background:#ffffff;
        .password-text{
            color:@main-color;
            width:100rpx;
            font-size:32rpx;
            line-height:44rpx;
        }
        input{
            color:#878e94;
            font-size:24rpx;
            width:604rpx;
            height:88rpx;
            line-height:88rpx;
            padding-left:20rpx;
            background:#f4f4f4;
            border:solid 2rpx #ececec;
            border-radius:8rpx;
        }
    }
    
    .order-info{
        width:750rpx;
        padding:20rpx;
        background:#ffffff;
        .title{
            color:#4f4f4f;
            font-size:28rpx;
            line-height:40rpx;
            image{
                width:45rpx;
                height:38rpx;
                padding:0 10rpx;
            }
        }
        .goods-info{
            padding:20rpx 0 30rpx;
            .goods-pic{
                width:180rpx;
                height:180rpx;
                border-radius:8rpx;
                margin-right:12rpx;
            }
            .goods-name{
                color:#535252;
                font-size:32rpx;
                line-height:44rpx;
            }
            .goods-params{
                color:#939393;
                font-size:24rpx;
                line-height:34rpx;
                margin-top:10rpx;
            }
            .price{
                width:350rpx;
                color:#ff5050;
                font-size:24rpx;
                text{
                    font-size:32rpx;
                }
            }
            .number-input-box{
                height: 40rpx;
                .number-input {
                    height: 40rpx;
                    line-height:40rpx;
                    min-height:40rpx;
                    border: none;
                    color:#535252;
                    font-size:24rpx;
                    text-align: center;
                    width: 80rpx;
                    background: #ebebeb;
                    margin: 0 8rpx;
                }
                .number-btn {
                    width: 40rpx;
                    height: 40rpx;
                    line-height:40rpx;
                    text-align:center;
                    &.disabled {
                        background: #f6f6f6;
                        color: #aaa;
                    }
                }
            }
        }
        .buy-tip{
            color:#ffa100;
            font-size:24rpx;
            line-height:34rpx;
            .icon-size{
                font-size:28rpx;
                margin-right:8rpx;
            }
        }
    }
    .discount-info{
        width:100%;
        background:#ffffff;
        margin:10rpx 0;
        .discount-item{
            font-size:24rpx;
            line-height:34rpx;
            padding:14rpx 20rpx 12rpx 30rpx;
            border-bottom:solid 2rpx #ececec;
            .discount-item-left{
                width:450rpx;
                margin-right:30rpx;
                .discount-type{
                    color:#535252;
                    font-size:28rpx;
                    line-height:40rpx;
                }
                .discount-desc{
                    .oneline();
                    color:#939393;
                }
            }
            .discount-num{
                color:#ff6161;
                margin-right:10rpx;
            }
            .right-arrow{
                .arrow();
                border-top: 2px solid #3f3f3f;
                border-right: 2px solid #3f3f3f;
            }
            &:last-child{
                border-bottom:0;
            }
        }
    }
    .price-detail{
        width:750rpx;
        height:225rpx;
        background:#ffffff;
        padding: 0 30rpx;
        .price-item{
            color:#535252;
            font-size:24rpx;
            height:75rpx;
            line-height:75rpx;
            .icon-size{
               font-size:26rpx;
            }
            .red-info-color{
                color:#ff6161 !important;
            }
        }
    }
    .pay-confirm{
        position:fixed;
        left:0;
        bottom:0;
        width:750rpx;
        height:100rpx;
        padding:0 30rpx;
        background:#ffffff;
        z-index:999;
        .price-num-text{
            color:#939393;
            font-size:32rpx;
            .price{
                color:#3f3f3f;
                font-size:24rpx;
                text{
                    font-size:48rpx;
                }
            }
        }
        .submit-btn{
            width:250rpx;
            height:80rpx;
            line-height:80rpx;
            background:linear-gradient(to right, #666666, #2b2b2b);
            border-radius:40rpx;
            color:#ffce84;
            font-size:28rpx;
            text-align:center;
            box-shadow:0px 4px 8px 0px rgba(92,91,89,1);
        }
    }
    .freight-modal{
        width: 750rpx;
        height: 100%;
        position: fixed;
        left: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 9999;
        .freight-box{
            position:fixed;
            top:50%;
            left:50%;
            width:640rpx;
            height:320rpx;
            background:#ffffff;
            border-radius:24rpx;
            transform:translate(-50%,-50%);
            .freight-info{
                color:#353535;
                font-size:34rpx;
                line-height:48rpx;
                padding:80rpx 48rpx 32rpx;
                border-bottom:solid 2rpx #e5e5e5;
            }
            .close-btn{
                color:#576b95;
                font-size:34rpx;
                line-height:110rpx;
                text-align:center;
            }
        }
    }
    .address-box{
        position:fixed;
        bottom:0;
        left:20rpx;
        width:710rpx;
        padding-bottom:120rpx;
        border:solid 2rpx #dedede;
        box-shadow:0px 4px 8px 0px rgba(176,176,176,0.5);
        border-radius:20rpx;
        z-index:99;
        background:#ffffff;
        .address-item{
            position: relative;
            padding-left:20rpx;
            color:#3f3f3f;
            font-size:28rpx;
            line-height:64rpx;
            border-bottom:dashed 2rpx #c7c7c7;
            background:#ffffff;
            z-index:99;
        }
    }
    .address-icon-box{
        position: absolute;
        left:319rpx;
        top:-35rpx;
        width:72rpx;
        height:36rpx;
        border-radius:72rpx 72rpx 0 0;
        border:solid 2rpx #dedede;
        border-bottom:0;
        // box-shadow:0px 4px 8px 0px rgba(176,176,176,0.5);
        background:#ffffff;
        z-index:98;
        .icon-position{
            width: 22rpx;
            height:22rpx;
            margin-top:8rpx;
        }
    }
}
}